<!-- <h1>这是地图首页</h1> -->
    <!-- SIDE MENU -->
    <div id="skin-select">
        <div id="logo">
            <img src="assets/img/logo.png" alt="大连睿科电子有限公司">
        </div>

        <a id="toggle">
            <span class="entypo-menu"></span>
        </a>



        <div class="skin-part">
            <div id="tree-wrap">
                <div class="side-bar">
                    <ul class="topnav menu-left-nest">
                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="map" title="首页">
                                <i class="icon-home"></i>
                                <span>首页</span>

                            </a>
                        </li>
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="widget-menu"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="realtime" title="实时数据">
                                <i class="icon-document-edit"></i>
                                <span>实时数据</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="chart" title="数据曲线">
                                <i class="icon-graph-line"></i>
                                <span>数据曲线</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="history" title="历史数据">
                                <i class="icon-document"></i>
                                <span>历史数据</span>

                            </a>
                        </li>
                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a
                             style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="design-kit"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="device" title="设备管理">
                                <i class="icon-view-thumb"></i>
                                <span>设备管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="user" title="用户管理">
                                <i class="icon-user"></i>
                                <span>用户管理</span>

                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip ajax-load" ui-sref="logfile" title="登录日志">
                                <i class="icon-user-group"></i>
                                <span>登录日志</span>

                            </a>
                        </li>

                    </ul>

                    <ul class="topnav menu-left-nest">
                        <li>
                            <a style="border-left:0px solid!important;" class="title-menu-left">

                                <span class="component"></span>
                                <i data-toggle="tooltip" class="entypo-cog pull-right config-wrap"></i>

                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip" ui-sref="warnReport" title="报警处理">
                                <i class="icon-warning"></i>
                                <span>报警处理</span>
                            </a>
                        </li>
                        <li>
                            <a class="tooltip-tip" ui-sref="warnConfig" title="报警设置">
                                <i class="icon-attachment"></i>
                                <span>报警设置</span>
                            </a>
                        </li>

                    </ul>


                </div>
            </div>
        </div>
    </div>
    <!-- END OF SIDE MENU -->
    <!--  PAPER WRAP -->
    <div class="wrap-fluid">
        <div class="container-fluid paper-wrap bevel tlbr">


            <!-- CONTENT -->
            <!--TITLE -->
            <div class="row">
                <div id="paper-top">
                    <div class="col-sm-3">
                        <h2 class="tittle-content-header">
                            <i class="icon-home"></i> 
                            <span>首页
                            </span>
                        </h2>

                    </div>

                    <div class="col-sm-7">
                        <div class="devider-vertical visible-lg"></div>
                        <div class="tittle-middle-header">

                            <div class="alert">
                                <button type="button" class="close" data-dismiss="alert">×</button>
                                <span class="tittle-alert entypo-info-circled"></span>
                                欢迎回来,&nbsp;
                                <strong>田七!</strong>&nbsp;&nbsp;你上次登录是 昨天下午 16:54 
                            </div>


                        </div>

                    </div>
                </div>
            </div>
            <!--/ TITLE -->

            <!-- BREADCRUMB -->
            <ul id="breadcrumb">
                <li>
                    <span class="entypo-home"></span>
                </li>
                <li><i class="fa fa-lg fa-angle-right"></i>
                </li>
                <li><a href="#/map">首页</a>
                </li>
                </li>
                <li class="pull-right">
                    <div class="input-group input-widget">
                        <input style="border-radius:15px" type="text" placeholder="搜索..." class="form-control">
                    </div>
                </li>
            </ul>

            <!-- END OF BREADCRUMB -->

            <div class="content-wrap">
                <div class="row">


                    <div class="col-sm-12">
                        <!-- BLANK PAGE-->

                        <div class="nest">
                            <div class="title-alt">
                                <h6>
                                    地图</h6>

                            </div>

                            <div class="body-nest">
                                <div class="row">
                                    <!-- 百度地图 -->
                                    <div class="col-sm-9">
                                        <div id="allmap"></div>
                                    </div>
                                    <!-- 设备信息 -->
                                    <div class="col-sm-3">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="order">
                                                    <div class="headline ">
                                                        <h3>
                                                            <span>
                                                                <i class="maki-fire-station"></i>&nbsp;&nbsp;当前共有
                                                            </span>
                                                        </h3>
                                                    </div>

                                                    <div class="value">
                                                        <span class="pull-left"><i class="entypo-box eicon-position"></i>
                                                        </span>
                                                        <div><span id="total">loading...</span></div>
                                                        <i class="pull-right">个设备</i>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="profit">
                                                    <div class="headline ">
                                                        <h3>
                                                            <span>
                                                                <i class="maki-fire-station"></i>&nbsp;&nbsp;报警设备
                                                            </span>
                                                        </h3>
                                                    </div>

                                                    <div class="value">
                                                        <span class="pull-left"><i class="entypo-box eicon-position"></i>
                                                        </span>
                                                        <div><span id="warn">loading...</span></div>
                                                        <i class="pull-right">个设备</i>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="member">
                                                    <div class="headline ">
                                                        <h3>
                                                            <span>
                                                                <i class="maki-fire-station"></i>&nbsp;&nbsp;正常设备
                                                            </span>
                                                        </h3>
                                                    </div>

                                                    <div class="value">
                                                        <span class="pull-left"><i class="entypo-box eicon-position"></i>
                                                        </span>
                                                        <div><span id="ok">loading...</span></div>
                                                        <i class="pull-right">个设备</i>
                                                    </div>

                                                </div>
                                            </div>
                                            
                                    
                                        </div>
                                    </div>
                                </div> 
                            </div>
                        </div>
                    </div>
                    <!-- END OF BLANK PAGE -->


                </div>



                <!-- /END OF CONTENT -->


            </div>
        </div>

    </div>

    <!--  END OF PAPER WRAP -->

